<!DOCTYPE html>
<html>

	<head>
		<meta charset="utf-8">
		<title></title>
		<style type="text/css">
			body {
				background: #000000;
				text-align: center;
			}
			#star {
				width: 1440px;
				height: 200px;
				margin: 0 auto;
				background: #060;
			}
			#star span {
				display: inline-block;
				width: 1px;
				height: 60px;
				background: #fff;
			}
		</style>
	</head>

	<body>
		<div id="star">
		</div>
		<script type="text/javascript">
			function showPixel(container, data) {
					var arr = [];
					for (var i = 0, l = data.length; i < l; i++) {
						arr.push("<span style='height:" + data[i] + "px'></span>");
					}
					container.innerHTML = arr.join('');
				}
				// data
			var data = [];
			for (var i = 0; i < 1440; i++) {
				data.push(parseInt(100 * Math.random()));
			}
			 // show
			showPixel(document.getElementById('star'), data);
		</script>
	</body>

</html>